@import '../default.less';
.partner {
  &-banner {
    background-image: url('../img/partner/partner_banner.jpg');
    background-size: cover;
    height: 420px !important;
  }
  &-join {
    position: absolute;
    top: 40px;
    right: 10%;
    width: 320px;
    background: @background;
    box-shadow: @shadow-2;
    &-title {
      font-size: @fontSize2;
      line-height: 64px;
      text-align: center;
      font-weight: 600;
      box-shadow: @shadow-1-down;
    }
    &-item {
      padding: 16px 20px;
      line-height: 24px;
      font-size: @fontSize4;
      font-weight: 800;
      text-align: left;
    }
  }
  &-intro {
    box-shadow: @shadow-1-down;
    padding: 40px 20px;
    background: @background;
    h2 {
      margin: 20px;
    }
    p {
      text-align: left;
    }
  }
  &-whyus {
    box-shadow: @shadow-1-down;
    padding: 40px 20px;
    background: @background;
    &-title {
      position: relative;
      text-align: center;
      &::before {
        content: '';
        height: 1px;
        background: @borderColor;
        position: absolute;
        top: 24px;
        left: 0;
        right: 0;
      }
      span {
        position: relative;
        display: inline-block;
        background: @background;
        height: 48px;
        line-height: 48px;
        width: 180px;
        margin: 0 auto;
        z-index: 1;
      }
    }
    &-line {
      border-right: 1px solid @borderColor;
    }
    &-item {
      padding: 20px 30px;
      height: 240px;
      &-title {
        margin-top: -40px;
        img {
          width: 54px;
          height: 54px;
        }
        p {
          padding: 12px 0;
          font-size: 20px;
          color: #131313;
          text-align: center;
        }
      }
      &-content {
        line-height: 26px;
        font-size: 14px;
        width: auto;
        padding: 0;
        text-align: left;
      }
    }
  }
  &-tab {
    &-item {
      padding: 10px 40px;
      &-title {
        img {
          width: 102px;
          height: 102px;
        }
        p {
          padding: 12px 0;
          font-size: 20px;
          color: #131313;
          text-align: center;
        }
      }
      &-content {
        line-height: 26px;
        font-size: 14px;
        width: auto;
        padding: 0;
        text-align: left;
      }
    }
    .ant-tabs-nav {
      width: 100%;
      .ant-tabs-tab {
        width: 45%;
        font-size: @fontSize3;
        font-weight: 600;
        line-height: 48px;
      }
    }
  }
  &-img1 {
    width: 100%;
  }
}